<template>
  <div class="site-frame" >
    <div class="site-frame-commonComponents">
      <i-nav></i-nav>
      <headBar/>
      <div class="site-frame-main">
        <div class="site-sidebar">
        </div>
        <main class="site-frame-content" >
          <router-view class="main-content" />
        </main>
      </div>
    </div>
    <main-foot></main-foot>
  </div>
</template>

<script>
import headBar from 'components/component/headBar'
import mainFooter from 'components/common/footer'
import INav from 'components/component/nav'
export default {
  name: 'layout',
  data () {
    return {
    }
  },
  computed: {
  },
  components: {
    "main-foot": mainFooter,
    headBar,
    INav
  },
  methods: {
  },
  created () {
    console.log('layout')
  }
}
</script>
